<template>
  <div>
    <input v-model="cval" >
    <button @click="changeParentValue">改父组件</button>
  </div>
</template>
<script>
export default {
  name: "Child2",
  props:{
    "val":{
      type:String
    }
  },
  data(){
    return {
      cval : this.val
    }
  },
  methods:{
    changeParentValue(){
      this.$emit('changeValue', this.cval)
    }
  },
  watch:{
    cval(val){
      // this.$emit('changeValue', this.cval)
      this.$emit('input', this.cval)
    }
  }
}
</script>



<style scoped lang="scss">

</style>
